<!-- 管理员:课程考核管理:题库和在线考试管理:试题库管理:查看试题详情 -->
<template>
  <el-card style="width:100% !important;padding:20px;overflow:auto;height:73vh;">
    <el-container>
      <el-main>
        <el-col :span="2"><span>&nbsp;</span></el-col>
        <el-col :span="20">
          <div class="el-table dialogFormTableBorder">
            <table class="dialogFormTable">
              <tr>
                <td class="formLabel">课程编码</td>
                <td class="formItem">{{kcbm?kcbm:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">试题题干</td>
                <td class="formItem">{{reviewbind.sttg?kcbm:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">题　　型</td>
                <td class="formItem">{{reviewbind.txlx|txlx}}</td>
              </tr>
              <tr>
                <td class="formLabel">答案选项</td>
                <td class="formItem">{{reviewbind.daxx|daxx}}</td>
              </tr>
              <tr>
                <td class="formLabel">正确答案</td>
                <td class="formItem">{{reviewbind.zqda|daxx}}</td>
              </tr>
              <tr v-if="reviewbind.txlx==3">
                <td class="formLabel">要填的空和正确答案</td><!-- 填空题 -->
                <td class="formItem"></td>
              </tr>
              <tr v-if="(reviewbind.txlx==5)||(reviewbind.txlx==6)">
                <td class="formLabel">参考答案</td><!-- 简答题-论述题 -->
                <td class="formItem">{{reviewbind.zqda}}</td>
              </tr>
              <tr>
                <td class="formLabel"
                    v-if="reviewbind.txlx==5">关键字</td><!-- 简答题 -->
                <td class="formItem"></td>
              </tr>
              <tr>
                <td class="formLabel">可获得分数</td>
                <td class="formItem"> {{reviewbind.khdfs?reviewbind.khdfs:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">题目解析</td>
                <td class="formItem"> {{reviewbind.tmjx?reviewbind.tmjx:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">试题章节</td>
                <td class="formItem"> {{reviewbind.stzj?reviewbind.stzj:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">试题难度</td>
                <td class="formItem"> {{reviewbind.stndz?reviewbind.stndz:'无'}}</td>
              </tr>
              <tr>
                <td class="formLabel">适用培养层次</td>
                <td class="formItem"> {{reviewbind.pyccvalue?reviewbind.pyccvalue:'无'}}</td>
              </tr>
            </table>
          </div>
        </el-col>
        <el-col :span="2"><span>&nbsp;</span></el-col>
      </el-main>
    </el-container>
  </el-card>
</template>
<script>
export default {
  props: ['reviewbind', 'kcbm'],
  filters: {
    txlx(value) {
      let x
      switch (true) {
        case value == 1:
          x = '单选题'

          break
        case value == 2:
          x = '多选题'

          break
        case value == 3:
          x = '填空题'

          break
        case value == 4:
          x = '判断题'

          break
        case value == 5:
          x = '简答题'

          break
        case value == 6:
          x = '论述题'

          break

        default:
          break
      }
      return x
    },
    daxx(value) {
      let x
      x = value.split('*-*-*').join('')
      //   alert(x)
      return x
    },
  },
  created() {
    console.log(this.kcbm)
    console.log(this.reviewbind)
  },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style lang="less">
</style>

<style lang="less" scoped>
div.dialogFormTableBorder {
  border: 1px solid #004ca7;
  border-radius: 9px;
  border-spacing: 1;
}
table.dialogFormTable {
  width: 100%;
  background-color: yellow;
}
table.dialogFormTable td.formLabel {
  width: 40%;
  line-height: 60px;
  background-color: #ecf2fb;
  color: #004ca7;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Microsoft YaHei';
  text-align: center;
  padding: 0px 20px;
}
table.dialogFormTable td.formItem {
  width: 60%;
  line-height: 38px;
  background-color: #ffffff;
  color: #004ca7;
  text-align: left;
  padding: 0px 20px;
}
table.dialogFormTable td {
  border-spacing: 1;
  border-right: 1px solid #004ca7;
  border-bottom: 1px solid #004ca7;
}
</style>
